<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<html>
	<head>
		<meta charset="utf-8">
		<title>element-ui</title>
		<!-- 开发环境版本，包含了有帮助的命令行警告 -->
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
		<!-- 引入样式 -->
		<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
		<!-- 引入组件库 -->
		<script src="https://unpkg.com/element-ui/lib/index.js"></script>
		<style>
		html,body{
			height: 100%;
		}
		#app{
			height: 100%;
		}
		body{
			margin: 0;
			padding: 0;
		}
		.el-header {
			
			color: #333;
			line-height: 60px;
		}
		
		.el-aside {
			color: #333;
		}
		</style>
		<script type="text/javascript" src="js/jquery-3.1.0.js"></script>
		<script type="text/javascript">
		$(function(){
			$("#qashow").click(function(){
				$('#xianshi').load('qa');
			})
		});
		
		$(function(){
			$("#xiaoshoujihui").click(function(){
				$('#xianshi').load('sa');
			})
		});
		
		</script>
		
	</head>
	<body>
		<div id="app">
			<el-container>
				<el-header style="text-align: right;background: #606266; font-size: 16px">
				<el-dropdown>
					<i class="el-icon-setting" style="margin-right: 18px;color: white;"></i>
					<el-dropdown-menu slot="dropdown">
					<el-dropdown-item>查看</el-dropdown-item>
					<el-dropdown-item>新增</el-dropdown-item>
					<el-dropdown-item>删除</el-dropdown-item>
					</el-dropdown-menu>
				</el-dropdown>
				<span style="color: white;">王小虎</span>
				</el-header>
			</el-container>
			<el-container style="border: 1px solid #eee">
			  <el-aside width="200px" height="500px" style="background-color: rgb(238, 241, 246)">
				<el-menu>
				  <el-collapse v-model="activeName" accordion>
					  
					  <el-collapse-item title="客户模块" name="1">
					  <el-menu-item index="1-1">选项1</el-menu-item>
					  <el-menu-item index="1-2">选项2</el-menu-item>
					  </el-collapse-item>
					  <el-collapse-item title="售前模块" name="2">
						<el-menu-item index="1-1" id="xiaoshoujihui">销售机会</el-menu-item>
						<el-menu-item index="1-2">销售漏斗</el-menu-item>
						<el-menu-item index="1-3">客户需求</el-menu-item>
						<el-menu-item index="1-4">解决方案</el-menu-item>
						<el-menu-item index="1-5">竞争对手</el-menu-item>
					  </el-collapse-item>
					  <el-collapse-item title="售中模块" name="3">
						<el-menu-item index="1-1">选项1</el-menu-item> 
						<el-menu-item index="1-2">选项2</el-menu-item>
					  </el-collapse-item>
					  <el-collapse-item title="售后模块" name="4">
						<el-menu-item index="1-1">维修工单</el-menu-item>
						<el-menu-item index="1-2">投诉</el-menu-item>
						<el-menu-item index="1-3">客户关怀</el-menu-item>
						<el-menu-item index="1-4" id="qashow">QA库</el-menu-item>
					  </el-collapse-item>
					  <el-collapse-item title="产品模块" name="5">
						  <el-menu-item index="1-1">选项1</el-menu-item>
						  <el-menu-item index="1-2">选项2</el-menu-item>
					  </el-collapse-item>
					  <el-collapse-item title="权限模块" name="6">
					  <el-menu-item index="1-1">选项1</el-menu-item>
					  <el-menu-item index="1-2">选项2</el-menu-item>
					  </el-collapse-item>
				</el-collapse>
				</el-menu>
			  </el-aside>
			  <div>
			  <el-container>
				<el-main>
					<div id="xianshi" >
						
					</div>
				</el-main>
			  </el-container>
			</el-container>
	</div>
		</div>
		<script type="text/javascript" src="js/index.js"></script>
	</body>
</html>
